<template>
    <div class="m-header">
      <div class="icon"></div>
      <h1 class="title">DD Music</h1>
    </div>
</template>

<script>
    export default {
        name: "m-header"
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/mixin"
  .m-header
    height 44px
    text-align center
    .icon
      display inline-block
      height 32px
      margin-top 6px
      width 30px
      bg-image('logo')
      background-size 30px 32px
      margin-right 9px
    .title
      display inline-block
      font-size 18px
      line-height 44px
      vertical-align top
      color $color-theme

</style>
